<!DOCTYPE html>
<html>

<head>
    <title>查询页面</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.">
    <link rel="stylesheet" href="./css/weui.min.css">
    <link rel="stylesheet" href="./css/jquery-weui.min.css">
    <link rel="stylesheet" href="./css/demos.css">
    <style>
        @media screen and (min-width: 900px) {
            body {
                max-width: 500px;
                margin: 0 auto;
            }
        }
    </style>
</head>

<body ontouchstart>
    <img class="product_img" src="./images/product.jpg" />
    <div class="main">
        <div class="count-check-times">
            <img style="width: 16px;" src="./images/search.png" />这是您第1次查询
        </div>
        <div class="product-info">
            <p>您好：</p>
            <p>您所查询的防伪编码是<span style="border-bottom: 1px solid #999;display:inline-block;width: 53%;">100800999</span></p>
            <p>是美丽资产的正品，感谢您的查询！</p>
            <p class="company">广州美资生物科技有限公司</p>
        </div>
        <div class="module">
            <div class="module-item">
                <img style="width: 80%;" src="./images/linian.png" />
                <div class="module-name">品牌理念</div>
            </div>
            <div class="module-item">
                <img style="width: 80%;" src="./images/licheng.png" />
                <div class="module-name">品牌历程</div>
            </div>
            <div class="module-item" id="pb1">
                <img style="width: 80%;" src="./images/product_list.png" />
                <div class="module-name">产品展示</div>
            </div>
            <div class="module-item">
                <img style="width: 80%;" src="./images/contact.png" />
                <div class="module-name">联系我们</div>
            </div>
            <div class="module-item">
                <img style="width: 80%;" src="./images/wechat.png" />
                <div class="module-name">官方微信</div>
            </div>
            <div class="module-item">
                <img style="width: 80%;" src="./images/weibo.png" />
                <div class="module-name">官方微博</div>
            </div>
            <div class="module-item">
                <img style="width: 80%;" src="./images/tianmao.png" />
                <div class="module-name">天猫商城</div>
            </div>
            <div class="module-item">
                <img style="width: 80%;" src="./images/store.png" />
                <div class="module-name">线下门店</div>
            </div>
        </div>
    </div>

    <script src="./js/jquery-2.1.4.js"></script>
    <script src="./js/jquery-weui.min.js"></script>
    <script src="./js/fastclick.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        $(function () {
            FastClick.attach(document.body);
        });
        var pb1 = $.photoBrowser({
            items: [
                "./images/swiper-1.jpg",
                "./images/swiper-2.jpg",
                "./images/swiper-3.jpg"
            ],

            onSlideChange: function (index) {
                console.log(this, index);
            },

            onOpen: function () {
                console.log("onOpen", this);
            },
            onClose: function () {
                console.log("onClose", this);
            }
        });
        $("#pb1").click(function () {
            pb1.open();
        });
    </script>
</body>

</html>